/*=============================================
		contact page css begin here
===============================================*/
#contact-page{
	padding-top:91px;
	@media(width:$mobile){
		padding-top:160px
	}
	@media(width:$mobile-max){
		padding-top:140px
	}
	@media(width:640){
		padding:115px;
	}
	.breadcrumb{
		margin-left:-10px;
	}
	.container{
		padding:0;
		margin: 0 auto;
		max-width: 990px;
	}
 h1{
 	font-size:59px;
 	font-family: $lgr;
 	color:black;
 	margin-left:-11px;
 	@media (min-width: $mobile) and (max-width: $mobile-max){
		/* Media Query Between Screen 320px and 480px  */
			font-size: 30px;	
		}


 }
}
  .contact-wrap{
  	margin: 9px 0px 76px 0px;
  	width: 100%;
  	float: left;
  	#googleMap{
		margin-top: 20px;
		width:100%;
		height:450px;

		
  	}
  
  	.call-us{
  		margin-top: 20px;
		background: $black;
		padding: 7px 16px;
		border-top: 2px solid $dark_grey;
		width: 100%;
		float: left;
          li{
          	float: left;
          	&:nth-child(1){
			height: 25px;
			width: 25px;
			border: 2px solid $white;
			border-radius: 50%;
			margin-right: 5px;

			span{
				left: 3px;
				top: 3px;
			}
			}
			&:nth-child(2){
				font-size: 11px;
				font-family: verdana;
				font-weight: bold;
				padding: 6px 0px;
			}
        }
		
	}


	.mail-us{
		background: $black;
		padding: 7px 16px;
		border-bottom: 2px solid $dark_grey;
		width: 100%;
		float: left;
		margin-top: 17px;


          li{
          	float: left;
          	&:nth-child(1){
			height: 25px;
			width: 25px;
			border: 2px solid $white;
			border-radius: 50%;
			margin-right: 5px;

			span{
				left: 3px;
				top: 3px;
			}
			}
			&:nth-child(2){
				font-size: 11px;
				font-family: verdana;
				font-weight: bold;
				padding: 6px 0px;
			}
        }
		
	}

	form{
		width: 100%;
		float: left;
		margin-top: 17px;
		border: 2px solid $black;
		h4{
			font-size: 30px;
			font-family: $lgr;
			color: black;
		}

		.form-group{
			margin: 18px;
		}

		.form-control{
			border: 2px solid $black;
			margin-bottom: 18px;
			border-radius: 0px;
			height: 39px;
			padding: 10px;
			font-size: 12px;
			font-family: verdana;
			
			&:focus{
				box-shadow: none;
			}
		}

		.txtarea{
			height: 75px;
		}

		input[type=submit]{
			@include button($bgr:$black,$tcolor:$white,$hbgr:$yellow,$htcolor:$black);
			margin-top: 0px;
			margin-bottom: 18px;
			height: 45px;
			width: 98px;
			font-size: 10px;
			font-family: verdana;
			font-weight: bold;
			// padding: 19px 27px 19px 27px;
			text-transform: uppercase;
			text-align: center;
			border:none;
		}
	}
}